
/*------------------------------------------------- */
/* =  instagram section
 *------------------------------------------------- */

 section.instagram-section {
 	.instagram-box {
 		padding: 50px 0;
 	}
	 	
 	.title-section {
 		margin-bottom: 30px;
 		h1 {
	 		margin-bottom: 0;
	 		line-height: 24px;
	 	}
	 	a {
	 		font-size: 12px;
	 		color: #999;
	 		font-family: $font-default;
	 		&:hover {
	 			color: $primary-color;
	 		}
	 	}
 	}
 	.insta-list {
 		@extend .reset-elem;
 		overflow: hidden;
 		margin: 0 -5px;
 		li {
 			display: block;
 			float: left;
 			width: 20%;
 			padding: 0 5px;
 			img {
 				width: 100%;
 				height: auto;
 			}
 			a:hover {
 				opacity: 0.7;
 			}
 		}
 	}
 }

section.instagram-line-section {
	overflow: hidden;
	position: relative;
	margin-top: -40px;
	ul.insta-list {
		@extend .reset-elem;
		li {
			float: left;
			width: 12.5%;
			list-style: none;
		}
		li a {
			img {
				width: 100%;
				height: auto;
			}
			&:hover {
				opacity: 0.7;
			}
		}
	}
	a.button-one {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -85px;
		margin-top: -23px;
	}
}